Petrol Coast color palette — #F1F4E3 · #6ACCDF · #007E9A · #005153 · #001D29
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#6ACCDF): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001D29): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Corridor color palette (#FDF1FA, #65C8DA, #0078A2, #005747, #003265)
- Muted Cobalt Coast color palette (#EEF6DF, #84C2F5, #0072D0, #004D69, #001446)
- Dusty Cerulean color palette (#E4FBF7, #95D7E4, #009CBB, #007274, #00394B)
- Periwinkle Bloom color palette (#E3F5FF, #B1DCFF, #7FACFF, #007188, #001E32)
- Ancient Corridor color palette (#EFF4E7, #A9DCCD, #3985D7, #005D7E, #062153)
- Denim Chapel color palette (#E6E8DA, #62A8BB, #00617C, #00393D, #000D15)
- Grape Field color palette (#D0E4EC, #007E9E, #6F17F0, #00623C, #001118)
- Misty Chapel color palette (#CDF3F8, #0098A7, #747800, #005760, #171800)
Browse the whole catalog at Explore, or see today's palette.