Petrol Courtyard color palette — #F1F3EC · #C7DFDF · #78A896 · #0E788A · #193E34
Built around Teal, softened by Eucalyptus — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C7DFDF): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#78A896): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#0E788A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#193E34): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Washed Study color palette (#F1F3EC, #C6E0E2, #76A1C9, #1A7594, #412F41)
- Muted Drift color palette (#EEF1E1, #6CA6BB, #006082, #003840, #000C17)
- Ancient Lagoon Corridor color palette (#EAF6E7, #C1E4DC, #ABD0F2, #629583, #344535)
- Lagoon Market color palette (#E1EAC8, #8FC4A3, #449674, #006D57, #25381B)
- Dusty Lantern color palette (#F3F3E1, #6DCECC, #008189, #005348, #001E24)
- Muted Cypress Hollow color palette (#EEF4EB, #88C1B3, #8998D8, #008471, #41273A)
- Bronze Summit color palette (#EDF5E4, #67AD8E, #4C98BB, #8B7800, #232A18)
- Worn Study color palette (#E6EADC, #4D7F9F, #003E69, #001E28, #000105)
Browse the whole catalog at Explore, or see today's palette.