Petrol Courtyard color palette — #E5DED3 · #66AFB9 · #00718D · #004B42 · #001624
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#E5DED3): a clean, paper-quiet neutral.
- Cyan (#66AFB9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Courtyard into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Hushed Petrol Study color palette (#EBE3D6, #70AACB, #0068B4, #004952, #020C3D)
- Antique Thicket color palette (#DBF5F0, #76C5D0, #007488, #003E3D, #000305)
- Misty Iris color palette (#E0F5E8, #74B4E7, #7C83FF, #006464, #001B28)
- Ancient Cerulean color palette (#EBDBE7, #65C0CC, #008FBB, #006F57, #00142B)
- Timeworn Cerulean color palette (#FAEBE5, #05A2B0, #005071, #00321C, #000C3F)
- Dusty Lagoon Basin color palette (#DEF6F0, #008F8A, #006268, #003845, #001621)
- Washed Quarry color palette (#CBE3EE, #009AC7, #005B79, #002C3B, #000406)
- Patina Coast color palette (#F4EEE4, #8AD3D8, #0096B1, #006E5D, #003347)
Browse the whole catalog at Explore, or see today's palette.