Petrol Terrace color palette — #EDF8F7 · #C0E1FB · #638FB3 · #286B80 · #354A60
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#C0E1FB): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#638FB3): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#286B80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#354A60): A full-bodied, dusty blue — the color of a favorite pair of jeans.
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
- Timeworn Cobalt Canyon color palette (#E3FBF9, #8DD9FF, #0088C6, #006477, #11426A)
- Powder Orchard color palette (#E6F9FF, #CCDEEB, #8CD3EE, #4F848D, #384D54)
- Worn Cerulean color palette (#FAF4EB, #C3E5E7, #7DA9D7, #248998, #5A3C56)
- Wandering Cerulean Field color palette (#D6EBE8, #328DA5, #004358, #002225, #000B14)
- Dusty Turquoise Hollow color palette (#D5E3E0, #38B1BB, #006370, #003E3B, #00242D)
- Hushed Market color palette (#FAF3F6, #D7DEF5, #A0BDF7, #1CAEA5, #3F4566)
- Timeworn Lagoon color palette (#E3FAFF, #009D95, #4E7DB8, #607133, #193E46)
- Ancient Aqua color palette (#E5FAFF, #50CDCC, #008685, #005150, #003231)
Browse the whole catalog at Explore, or see today's palette.