Petrol Terrace color palette — #CDE8F2 · #007699 · #004565 · #002741 · #0E0C29
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDE8F2): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004565): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0E0C29): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Terrace 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
- Cypress Archive color palette (#CBF3E7, #008174, #004B47, #002728, #00101A)
- Faded Orchard color palette (#CCF3F5, #0088A5, #005F81, #00356C, #08033E)
- Frosted Cobalt Garden color palette (#E7F1FD, #2E72C3, #00357A, #000F29, #000209)
- Forest Meadow color palette (#D5EBE2, #006791, #165C02, #003147, #021500)
- Soft Indigo color palette (#EDE1ED, #899BCD, #726ECB, #004064, #000F3B)
- Pale Aubergine color palette (#CEECE0, #005375, #550095, #003A2B, #000911)
- Nightshade Parlor color palette (#DDEBFF, #2156B9, #1600A1, #10004E, #060021)
- Misty Grove color palette (#E6ECFC, #595BD3, #3E00A4, #28005C, #220021)
Browse the whole catalog at Explore, or see today's palette.