Sunlit Petrol color palette — #FFF1F6 · #AA6200 · #0069B4 · #004C84 · #402405

A conversation between Royal Blue and Ochre, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ochre (#AA6200): A full-bodied, balanced gold — the color of old brass.
• Royal Blue (#0069B4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004C84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#402405): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Ultramarine Grove color palette (#E0FFE0, #9D6B00, #4C5DB8, #333F92, #18321A)
• Hazy Denim color palette (#E8FBE8, #A77100, #005AA4, #5E2166, #4E0D2F)
• Muted Navy color palette (#E4FDE6, #816000, #004BA0, #003A7E, #34142F)
• Denim Balcony color palette (#CDE6CD, #845800, #1B4FA1, #11356D, #062108)
• Tempered Crimson Hollow color palette (#FFEFFF, #DB0046, #006F9A, #005171, #392239)
• Wandering Bronze Terrace color palette (#FFF0D7, #9A7600, #007E5D, #005458, #1B1200)
• Amber Study color palette (#FFF0F7, #B38200, #007346, #513376, #37380B)
• Pale Grape Summit color palette (#E1FDEC, #887600, #8345A8, #5F317B, #0F3322)

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