Petrol Courtyard color palette — #ECDDD6 · #5BB1B7 · #00718D · #004C35 · #001527
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#ECDDD6): a clean, paper-quiet neutral.
- Cyan (#5BB1B7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cobalt color palette (#F1E4DD, #67C0D7, #007DB6, #005A4F, #021B4B)
- Dusty Orchard color palette (#E6F1E8, #6CC8CD, #007388, #003F34, #000306)
- Tempered Station color palette (#D3E9E5, #00A3AB, #00535E, #00302D, #00171E)
- Feathered Denim Study color palette (#F1E5DD, #529CC3, #0055AB, #003B3D, #060228)
- Powdered Lapis Courtyard color palette (#F4E7D9, #72A7D9, #364CEA, #004853, #170538)
- Antique Summit color palette (#FBF3F0, #B9E0C2, #00A4D4, #007F63, #0D443A)
- Cerulean Cabin color palette (#FFF2EC, #63DEF6, #0098D1, #007461, #0A3262)
- Powdered Byzantium Harbor color palette (#F9DDE4, #A835D6, #00785C, #68008A, #00140D)
Browse the whole catalog at Explore, or see today's palette.