Twilit Petrol Courtyard color palette — #C2E8F7 · #00688F · #004363 · #00182B · #000510
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#C2E8F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00688F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004363): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#00182B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000510): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Twilit 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
- Cypress Market color palette (#C8F2E6, #007168, #004342, #001B1C, #000405)
- Inked Onyx Coast color palette (#D8E6F1, #0062A8, #003B7C, #00055D, #01001B)
- Antique Forest Archive color palette (#DFF0FF, #006193, #005A15, #002D47, #000400)
- Chalky Grove color palette (#C8E5E6, #007E94, #00486F, #001F51, #0A003E)
- Antique Indigo color palette (#E0ECFB, #8D9AE8, #7560BE, #004173, #020020)
- Velvet Aubergine color palette (#D2E5FE, #00478F, #640073, #003734, #000105)
- Worn Market color palette (#DEF2FF, #008EDB, #0063AF, #003272, #03085F)
- Hazy Loft color palette (#E3EFFF, #1F55D9, #1D00AA, #19005D, #06001E)
Browse the whole catalog at Explore, or see today's palette.