Petrol Terrace color palette — #ECF9EE · #76C5D9 · #0078A1 · #005653 · #00355A
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sky (#76C5D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Muted Study color palette (#FFEBF8, #00D1F1, #0078B7, #00543C, #0B0C4D)
- Frosted Sapphire Drift color palette (#ECF9EF, #89BEE9, #0064E4, #005365, #23296C)
- Washed Denim color palette (#EAF2EB, #6DA8BD, #005E87, #003E3F, #001F40)
- Quiet Sky color palette (#F5F7E7, #98E8FC, #00BCEA, #00969E, #00384E)
- Cobalt Meadow color palette (#F1F7F2, #C4E1F5, #4E8FCA, #006F7B, #39495F)
- Softworn Azure Summit color palette (#FFF2EB, #4EE0FD, #0094E1, #007556, #212C66)
- Tempered Navy color palette (#D7E5D9, #5187AA, #003C74, #002128, #020329)
- Softworn Raspberry Harbor color palette (#FFE1F0, #C6008A, #6B6700, #005B76, #400D2C)
Browse the whole catalog at Explore, or see today's palette.