Sunlit Petrol color palette — #EDF6FF · #70A6D0 · #BA7745 · #006BA6 · #613613
A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Blue Fog (#70A6D0): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#BA7745): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#006BA6): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#613613): A deep, shadowed, dusty gold — the color of honey in a jar.
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
- Gentle Coral Parlor color palette (#E9F8FF, #51AEC1, #C36D6D, #007283, #643131)
- Antique Ultramarine Boulevard color palette (#F0F5FF, #8E9BD9, #A4862D, #4E59BB, #534000)
- Ancient Bronze color palette (#EFF6FF, #6588C9, #B0634E, #826400, #293950)
- Powdered Emerald Garden color palette (#E6F6F0, #53AEE2, #60A052, #006C9B, #152E10)
- Blush Terrace color palette (#EEF6FF, #8BBBF7, #EA79B2, #4282CF, #5B3447)
- Worn Boulevard color palette (#EAFAF0, #84B3A3, #7D7341, #714800, #1C4540)
- Sunlit Ultramarine color palette (#D5E6FF, #467CF4, #906800, #0029D7, #3D2A00)
- Marigold Meadow color palette (#E2FCF2, #92D5FF, #F1AF5B, #5DA8D4, #583C16)
Browse the whole catalog at Explore, or see today's palette.