Sunlit Petrol color palette — #E8FAF8 · #77C3E5 · #0076A9 · #005363 · #00355A
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8FAF8): a clean, paper-quiet neutral.
- Sky (#77C3E5): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0076A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#00355A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Tempered Meadow color palette (#FFECF5, #76C7ED, #0072CD, #005151, #0F1045)
- Cerulean Chapel color palette (#EDF8F6, #9EDAE0, #008FA2, #006762, #004858)
- Hushed Denim color palette (#DCF1EF, #78A5C1, #005C91, #003C4C, #001F41)
- Muted Sky color palette (#F3F8E2, #AAE3FF, #35B6FD, #0094AE, #00355B)
- Timeworn Veranda color palette (#FEF3EA, #82D7FF, #0F8EF7, #007271, #252D61)
- Dusty Abyss color palette (#D1E5E0, #609B9C, #00545C, #00302B, #00171D)
- Amber Parlor color palette (#FFD8E8, #C36A00, #00864D, #763E00, #00381D)
- Dusty Mulberry Corridor color palette (#F9DCC9, #AA5800, #596E00, #940061, #3B1A00)
Browse the whole catalog at Explore, or see today's palette.