Sunlit Petrol color palette — #D1E7FF · #006AB6 · #735200 · #503800 · #00203D

Royal Blue takes the lead with Coffee close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1E7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#006AB6): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#735200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#503800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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

• Worn Petrol color palette (#C4ECFF, #007296, #705400, #004934, #002331)
• Sunlit Grape color palette (#D6DCFB, #6B46B6, #495C00, #303E00, #1D1334)
• Tempered Chestnut Bloom color palette (#CCE5DE, #007D6A, #844B00, #493A00, #000E0A)
• Amethyst Cabin color palette (#E1E7FF, #7B39EC, #684300, #2E3800, #002B2A)
• Washed Brick color palette (#CAEAFF, #007297, #A80123, #760016, #002331)
• Misty Bronze Delta color palette (#BDEEFD, #00999C, #977000, #545F00, #002526)
• Washed Ridge color palette (#F0F5FF, #788DCD, #9B774B, #7A572A, #333D50)
• Indigo Boulevard color palette (#D0F0C3, #486AFF, #86008B, #00451D, #2A1D52)

Browse the whole catalog at Explore, or see today's palette.