Petrol Coast color palette — #FCEAE1 · #7BBDCE · #0070A1 · #005146 · #162D51
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#FCEAE1): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#7BBDCE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#162D51): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Atelier color palette (#F3E6DF, #84BECD, #0D70AF, #004D3A, #0C0F3A)
- Softworn Station color palette (#FEF3EB, #8DD0EB, #347DBA, #00605B, #2D395B)
- Ancient Turquoise Balcony color palette (#E6F2E8, #B3DAED, #48B1E0, #00918D, #003052)
- Ancient Lagoon Summit color palette (#EDDDD6, #00A3A9, #005266, #003220, #001526)
- Timeworn Delta color palette (#FAF4ED, #C1E0FF, #7688BC, #1A6E7C, #5C3C4D)
- Hushed Navy color palette (#F2E3D7, #318AB3, #003C75, #002222, #050229)
- Glacier Pier color palette (#E3F3C8, #6FDEDF, #61A7D1, #4E6926, #263921)
- Quiet Jade Lantern color palette (#A5F6E0, #00A887, #00604E, #003025, #001D16)
Browse the whole catalog at Explore, or see today's palette.