Petrol Coast color palette — #FFEEE6 · #77CADB · #007BAA · #005345 · #00193B
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Sky (#77CADB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005345): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00193B): 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
- Aqua Courtyard color palette (#F4F8E1, #00CDEB, #007A96, #005558, #00384C)
- Faded Orchard color palette (#FEEFE0, #81C4F1, #0864F3, #005156, #170C46)
- Tempered Denim color palette (#F2E4DC, #5FA8BC, #005E8B, #003A33, #000727)
- Timeworn Veranda color palette (#FFF0FB, #3BE1FC, #0098CF, #007460, #003266)
- Ancient Ridge color palette (#E3FBF7, #C6E0F7, #00AAD0, #007276, #002939)
- Blush Study color palette (#ECF2FF, #DBBAFF, #FF78A8, #0071A2, #1C133C)
- Dusty Navy Veranda color palette (#F7EDE5, #45809F, #003A77, #001F20, #01000B)
- Airy Sapphire color palette (#E1E9FF, #4056FF, #805E00, #375F00, #040238)
Browse the whole catalog at Explore, or see today's palette.