Sunlit Petrol Pier color palette — #DCEFEE · #6EA9D3 · #0069B2 · #00475D · #001232
Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEFEE): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#6EA9D3): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Petrol Pier 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
- Ancient Pier color palette (#D4E6E3, #56B1C0, #007289, #004A4A, #001720)
- Antique Petrol Meadow color palette (#ECF0E4, #7CBFF0, #0069B5, #003B4F, #00020C)
- Wandering Cornflower color palette (#F5E7DB, #7FB7DF, #387AFB, #006C74, #12053C)
- Faded Workshop color palette (#EFE3E7, #6B95B2, #0C3FA2, #002F33, #130042)
- Muted Petrol color palette (#E9F9F8, #BAD8F6, #6F97CF, #0675A1, #263962)
- Lagoon Hollow color palette (#E1FCF6, #6DE0DD, #009FA7, #007464, #003A42)
- Washed Basin color palette (#EEF7F6, #D1DFEF, #82BCC8, #4F948F, #385768)
- Hazy Raspberry Delta color palette (#F1DEF7, #D2226B, #2B58D8, #81003D, #010041)
Browse the whole catalog at Explore, or see today's palette.