Sunlit Petrol color palette — #F8EAF3 · #72BED2 · #006DAC · #00523D · #232A51
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F8EAF3): bright and airy, almost weightless.
- Cyan (#72BED2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#232A51): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Petrol 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
- Weathered Cobalt color palette (#FFF1F8, #8ED0EB, #497AB7, #006153, #303955)
- Aged Ultramarine color palette (#F8EBF0, #5CA8D5, #2C4FAB, #003E3B, #22163E)
- Wandering Alley color palette (#E8EBDC, #95BFA5, #007695, #004A4F, #001925)
- Ancient Ridge color palette (#CCE9FF, #00A3D8, #00587F, #002A3D, #001523)
- Frosted Archive color palette (#E5F8FF, #86C2FF, #C286C8, #1D6A4E, #203A50)
- Lagoon Study color palette (#CCF5E6, #009F94, #006B7A, #004064, #321E4C)
- Ash Cabin color palette (#FBF2F7, #D7E0F2, #7D9CBE, #46787D, #4A5266)
- Chestnut Pier color palette (#CEECF2, #00798A, #884E00, #564600, #002330)
Browse the whole catalog at Explore, or see today's palette.