Petrol Courtyard color palette — #FFF2ED · #65C9D7 · #0076A8 · #005939 · #1A2F63
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Aqua (#65C9D7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0076A8): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005939): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1A2F63): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Forest Grove color palette (#F7EBE8, #9CBB99, #00748D, #06540E, #0C304E)
- Patina Petrol Archive color palette (#E7F7EA, #64CDDB, #007E9C, #005249, #001D2D)
- Tempered Cobalt color palette (#FBF3F1, #ADCFB2, #0083AF, #006436, #4A2F4A)
- Worn Balcony color palette (#FFF3E8, #69C3F3, #1E61E7, #005650, #342661)
- Denim Bloom color palette (#F4EAE4, #56ADBE, #005D8C, #00402C, #0F1948)
- Tempered Glacier color palette (#FFF4E2, #3AE2F6, #009BBF, #007467, #003752)
- Airy Wisteria Delta color palette (#DDFFE1, #9FCFFF, #D47FED, #00723E, #003E53)
- Aged Sky Summit color palette (#FFF0FC, #9BE9F3, #00BBF2, #009B79, #00345F)
Browse the whole catalog at Explore, or see today's palette.