Petrol Coast color palette — #EADFE7 · #50B1B8 · #0081A1 · #006044 · #000A17
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Rose Water (#EADFE7): a clean, paper-quiet neutral.
- Cyan (#50B1B8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Cerulean Archive color palette (#E9D9E5, #3BC4D7, #008FBD, #006F59, #00142C)
- Patina Sapphire color palette (#EDE0E6, #59ABD5, #1272D7, #005D5E, #050228)
- Cerulean Drift color palette (#DFE0D0, #4DA1A7, #006470, #003C38, #000B10)
- Aged Meadow color palette (#EDE5D7, #458489, #004351, #00201A, #000103)
- Linen Azure color palette (#DAF3EF, #2DC7B4, #00A6D2, #686C00, #00160F)
- Timeworn Iris Chapel color palette (#EDDCE1, #8CC6F9, #6E8DE4, #007B8A, #201641)
- Pale Corridor color palette (#CEF3E0, #00A870, #007A4B, #004126, #000201)
- Periwinkle Station color palette (#F6EBF1, #A1DEF5, #43ACFB, #009289, #202C4C)
Browse the whole catalog at Explore, or see today's palette.