Petrol Terrace color palette — #FEF4E3 · #58C8E7 · #0077A5 · #005655 · #00345D
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Sky (#58C8E7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005655): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Petrol Boulevard color palette (#F5EDE1, #97BC9D, #00748B, #005145, #003248)
- Pale Cobalt color palette (#FFEEE4, #1DD0F3, #0077BB, #00543F, #0E0D4B)
- Sapphire Lantern color palette (#FEF4E5, #83BDF3, #2563DF, #005367, #27286C)
- Timeworn Boulevard color palette (#FBF4E9, #97DDDA, #00909E, #00694D, #004759)
- Softworn Sky Garden color palette (#E0FCF8, #98E7FF, #00BBF0, #0096A2, #003850)
- Wandering Denim Garden color palette (#F2E9DA, #6DA8C0, #005D8B, #003D40, #031F40)
- Timeworn Azure Station color palette (#FFF0F9, #65DDFB, #0092E8, #00755A, #252C62)
- Patina Azure Pier color palette (#F8F5EF, #C8E7E7, #6C9FCA, #237C85, #5D4C5C)
Browse the whole catalog at Explore, or see today's palette.