Petrol Coast color palette — #D7ECFA · #0077AB · #7A6400 · #435714 · #000204
A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#D7ECFA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0077AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#7A6400): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#435714): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000204): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.
Use it as a design system
One click turns Petrol Coast 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
- Sapphire Harbor color palette (#DBE9FF, #0065E5, #6C6A00, #2E5B23, #000108)
- Dusty Terracotta Summit color palette (#D8F2FB, #007C95, #A34700, #684800, #000203)
- Dusty Violet Boulevard color palette (#EDE9FF, #9255FF, #007D56, #376000, #03000B)
- Misty Field color palette (#DEEAFA, #0056A9, #92002E, #224800, #000207)
- Byzantium Chapel color palette (#DDDFFE, #9300EA, #666600, #4A4900, #02000E)
- Wandering Study color palette (#D0EADB, #629117, #6C6100, #5B3500, #000502)
- Bronze Coast color palette (#D8E7DD, #B26C00, #0081B3, #001420, #000205)
- Pale Lilac Meadow color palette (#D3E5F4, #9D9EFF, #C377A9, #007779, #000B28)
Browse the whole catalog at Explore, or see today's palette.