Petrol Terrace color palette — #EEF8F0 · #DAD5E0 · #7FAADA · #007C8E · #202D4D
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#7FAADA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#202D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Ancient Azure color palette (#E8FBEB, #D0E2F8, #00A6E8, #007273, #002548)
- Washed Turquoise color palette (#EDF9EF, #C8DDF9, #00C4DA, #008B6B, #003B4C)
- Weathered Powder color palette (#FCF2F6, #CBE4F8, #8EB0FB, #00A19A, #3D3161)
- Muted Petrol Station color palette (#E4F2E7, #72C5D4, #007291, #003E39, #000307)
- Timeworn Denim Basin color palette (#E6F1E8, #80A7C6, #1751A2, #002A34, #00000B)
- Timeworn Cabin color palette (#FAF4EB, #A2D1BF, #2B7ACA, #005E6B, #4C2F48)
- Timeworn Cornflower Lantern color palette (#EDF9EF, #A3D1FD, #4775D4, #004E63, #090034)
- Blush Workshop color palette (#FDF0FF, #F47994, #82A355, #2D83CA, #320C16)
Browse the whole catalog at Explore, or see today's palette.