Sunlit Petrol color palette — #E7FAF4 · #67A6DA · #BE7452 · #0B6AA8 · #5E3725
Built around Peacock, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
- Cornflower (#67A6DA): A luminous, balanced blue — the color of open sky before noon.
- Caramel (#BE7452): A luminous, balanced orange — the color of toasted spice.
- Peacock (#0B6AA8): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5E3725): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
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
- Wandering Driftwood Study color palette (#E8FBED, #42B0C2, #C06F6F, #007381, #643131)
- Dusty Cabin color palette (#FFF0FA, #909ADC, #AC813A, #555CAA, #553E15)
- Linen Petrol Veranda color palette (#E7F4FF, #6FABD8, #B972A4, #006AA3, #3C1832)
- Misty Bloom color palette (#DEFDF3, #4290C8, #AC6832, #8B5F1C, #1C4036)
- Sunlit Drift color palette (#E7FAF4, #7FBFEF, #D488BC, #0088CC, #5B324F)
- Cornflower Basin color palette (#F5DBF5, #1881F7, #876D00, #004B9B, #392C00)
- Worn Mallow color palette (#DFFDF3, #F2DCD5, #DCB7E1, #4D9094, #564656)
- Aubergine Villa color palette (#FFF0F7, #A88EFA, #7C8700, #572DA4, #393F00)
Browse the whole catalog at Explore, or see today's palette.