Petrol Terrace color palette — #E9FBEC · #59C8E8 · #0077A6 · #005656 · #00345F
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#59C8E8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
- Navy (#00345F): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Cobalt Boulevard color palette (#FFEBF8, #3ECEF4, #0075C4, #005342, #121141)
- Ancient Drift color palette (#EEF8F0, #99DDDA, #00909F, #00694F, #00475A)
- Softworn Courtyard color palette (#F4F7EA, #9CE6FF, #00BAF3, #0095A4, #003752)
- Powdered Sapphire color palette (#EBFAEE, #83BDF4, #165BF6, #005368, #28276C)
- Wandering Denim color palette (#D8E4DA, #71A7BE, #005D8C, #003D41, #021E42)
- Patina Cornflower Lagoon color palette (#FFF2EA, #6EDCF9, #0092E8, #00755A, #252C64)
- Hushed Cobalt Drift color palette (#F0F8F1, #C0E1FB, #508DD1, #076E7E, #3B485F)
- Navy Summit color palette (#D7E2D9, #5C85A5, #00397D, #002129, #030229)
Browse the whole catalog at Explore, or see today's palette.