Petrol Courtyard color palette — #EBF9F4 · #F2D9DF · #CEB3C2 · #266FA6 · #34443F
A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF9F4): a clean, paper-quiet neutral.
- Shell Pink (#F2D9DF): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#CEB3C2): A luminous, dusty pink — the color of neon signs at night.
- Slate (#266FA6): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#34443F): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Wandering Field color palette (#E7F6F0, #EAD7DA, #D5B5C2, #1272A8, #102B23)
- Hushed Cobalt Cabin color palette (#EFF6FD, #DAD8E9, #C7BAD2, #278ECD, #32424F)
- Cypress Dune color palette (#F1F7F1, #C3E4E0, #A4C5B8, #007A7C, #39433A)
- Ancient Thicket color palette (#F2ECF2, #D8C6D2, #B596A4, #315586, #352935)
- Pewter Bloom color palette (#FBF2F7, #E6D7D5, #CCBCB6, #8D677C, #50444A)
- Wandering Lilac Courtyard color palette (#E2EDFF, #AB98EA, #936E95, #73531E, #2F512C)
- Worn Mustard color palette (#FFF4E1, #AEA81D, #587500, #135971, #3D3A34)
- Ancient Studio color palette (#ECDCE2, #B9A2A7, #9D7274, #42226B, #200C15)
Browse the whole catalog at Explore, or see today's palette.