Petrol Courtyard color palette — #E1E7EC · #BDC5D1 · #9EA1C9 · #006B89 · #0F222D
Peacock and Mauve set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E1E7EC): a clean, paper-quiet neutral.
- Oat (#BDC5D1): soft and architectural.
- Mauve (#9EA1C9): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006B89): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0F222D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Dusty Denim color palette (#E3EDF8, #ADB3CA, #9790AF, #005591, #051524)
- Timeworn Cobalt Parlor color palette (#D8E0E6, #BCBED0, #A4A4B9, #0089C6, #14212B)
- Ancient Indigo color palette (#EDEEF4, #DAD4E3, #C8ADC7, #7F5FA9, #2C2D39)
- Tempered Canyon color palette (#D9F1F2, #7193BA, #7E598B, #375323, #002D27)
- Hushed Nightshade color palette (#E8EAF1, #A4A2B3, #A47787, #3B3293, #060913)
- Aged Cerulean Station color palette (#F0F6FB, #DCDAE4, #C8BCCB, #6096BA, #404950)
- Jade Lagoon color palette (#D6EFE4, #4EA86D, #007068, #00477A, #00201F)
- Terracotta Lagoon color palette (#CEE3EE, #00829A, #8E2E00, #383400, #141200)
Browse the whole catalog at Explore, or see today's palette.