Petrol Coast color palette — #D4FBFF · #75CFE1 · #3AA0C0 · #006C97 · #00446C
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4FBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#75CFE1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#3AA0C0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006C97): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00446C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Dusty Teal Parlor color palette (#D9FFF1, #8BD6C5, #3DAAA2, #00797D, #00434D)
- Feathered Ridge color palette (#DCFCFF, #BFE2FF, #1CB8E3, #007098, #00395C)
- Navy Dune color palette (#D9F1FF, #9ACAF4, #6899D5, #4963A9, #2C3181)
- Washed Quarry color palette (#D5FFEA, #6BB7AE, #00849B, #00527E, #232E82)
- Wandering Sky color palette (#D3FFE8, #78EAE7, #26C3ED, #458FC9, #2C367A)
- Pale Veranda color palette (#F3F8E1, #52C3D4, #3791B9, #6E5591, #264533)
- Aged Thicket color palette (#D1F4FC, #0090B2, #005D82, #003253, #000C20)
- Chalky Navy color palette (#D3E5ED, #16B4F6, #0081C6, #004D90, #00177D)
Browse the whole catalog at Explore, or see today's palette.