Midnight Blue

You might have noticed the distinct color palette used throughout this website. Midnight Blue is my personal aesthetic and custom color scheme. Inspired by my late-night coding sessions, it's designed to be highly readable, easy on the eyes, and heavily for a sleek, modern developer experience.

Vous avez peut-être remarqué la palette de couleurs distinctive utilisée sur ce site. Midnight Blue est ma charte graphique personnelle et mon thème sur mesure. Inspiré par mes sessions de code nocturnes, il est conçu pour être très lisible, reposant pour les yeux et pensé pour offrir une expérience développeur moderne et épurée.

You can also use the theme.css file used by this website in your own projects. I plan to expand this color scheme to a proper theme for the web in the future with proper support for different kind of components and inputs. Please note that any HEX value shown below is an approximation of the OKLCH value.

Vous pouvez également utiliser le fichier theme.css utilisé sur ce site dans vos propres projets. J'envisage d'étendre cette palette pour en faire un véritable thème web complet à l'avenir, avec une prise en charge adaptée de différents types de composants et d'éléments de formulaire. Veuillez noter que les valeurs HEX présentées ci-dessous sont des approximations des valeurs OKLCH.

If you end up using this color scheme, please let me know; I would be happy to see what people create using it!

Si vous finissez par utiliser ce thème, n'hésitez pas à me le faire savoir ; je serais ravi de voir ce que vous créez avec !


Background Lowest

#13191C oklch(0.21 0.01080 229)

Background Lower

#171D20 oklch(0.23 0.01145 229)

Background

#1B2125 oklch(0.25 0.01281 229)

Background Lighter

#1F252A oklch(0.27 0.01469 229)

Background Lightest

#232A2F oklch(0.29 0.01701 229)

Highlight

#3D464D oklch(0.37 0.03482 229)

Hover

#49535A oklch(0.42 0.04525 229)

Primary

#66B5FF oklch(0.75 0.15000 229)

Hover

#7BC0FF oklch(0.80 0.15000 229)

Bright

#B2DFFF oklch(0.90 0.10000 229)

Hover

#99D3FF oklch(0.85 0.10000 229)

Muted

#3B8DCF oklch(0.60 0.15000 229)

Hover

#4BA2E1 oklch(0.65 0.15000 229)

Red

#C63D42 oklch(0.55 0.20000 30)

Hover

#D85154 oklch(0.60 0.20000 30)

Bright

#F07B7B oklch(0.70 0.15000 30)

Hover

#DC6769 oklch(0.65 0.15000 30)

Muted

#8B001A oklch(0.40 0.20000 30)

Hover

#9F252D oklch(0.45 0.20000 30)

Green

#7EDB71 oklch(0.74 0.20000 128)

Hover

#92EF85 oklch(0.79 0.20000 128)

Bright

#C3FFB6 oklch(0.89 0.15000 128)

Hover

#A9F89B oklch(0.84 0.15000 128)

Muted

#499F44 oklch(0.59 0.20000 128)

Hover

#5BB456 oklch(0.64 0.20000 128)

Yellow

#DEC64A oklch(0.75 0.20000 86)

Hover

#F3DA5D oklch(0.80 0.20000 86)

Bright

#FFF4A4 oklch(0.90 0.15000 86)

Hover

#FFDF8B oklch(0.85 0.15000 86)

Muted

#A68D00 oklch(0.60 0.20000 86)

Hover

#BB9F33 oklch(0.65 0.20000 86)

Blue

#54A5FF oklch(0.60 0.20000 243)

Hover

#70C0FF oklch(0.65 0.20000 243)

Bright

#A8D5FF oklch(0.75 0.15000 243)

Hover

#8DC7FF oklch(0.70 0.15000 243)

Muted

#0071CE oklch(0.45 0.20000 243)

Hover

#2686E2 oklch(0.50 0.20000 243)

Magenta

#B862BB oklch(0.47 0.20000 301)

Hover

#CD77CF oklch(0.52 0.20000 301)

Bright

#DF97E0 oklch(0.62 0.15000 301)

Hover

#C981C9 oklch(0.57 0.15000 301)

Muted

#7C3881 oklch(0.32 0.20000 301)

Hover

#904C94 oklch(0.37 0.20000 301)

Black

#141414 oklch(0.20 0.00000 0)

Hover

#1A1A1A oklch(0.22 0.00000 0)

Bright

#2E2E2E oklch(0.30 0.00000 0)

Hover

#292929 oklch(0.28 0.00000 0)

Muted

#000000 oklch(0.10 0.00000 0)

Hover

#000000 oklch(0.12 0.00000 0)

White

#E0E0E0 oklch(0.89 0.00000 0)

Hover

#E6E6E6 oklch(0.91 0.00000 0)

Bright

#FCFCFC oklch(0.99 0.00000 0)

Hover

#F7F7F7 oklch(0.97 0.00000 0)

Muted

#C2C2C2 oklch(0.79 0.00000 0)

Hover

#C7C7C7 oklch(0.81 0.00000 0)

Contact

Contact

(+33) 07 81 38 47 72

contact@alexpado.fr

alexpado

Alexandre Padovan

02100 Saint-Quentin

Download my CV Télécharger mon CV