Sunlit Petrol color palette — #FFF2EC · #70C7D4 · #0076A8 · #005939 · #182E67

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Aqua (#70C7D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0076A8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005939): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#182E67): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Wandering Courtyard color palette (#FCF3EF, #B0CEB4, #0083AE, #146338, #263B5A)
• Hushed Thicket color palette (#E8F6EA, #61CDDD, #007E9D, #00524A, #001D2D)
• Hushed Sapphire color palette (#FEF3E9, #7DC1E8, #1859F8, #005651, #35285D)
• Glacier Chapel color palette (#FFF4E2, #24E3FA, #009BC1, #007368, #003753)
• Worn Lagoon color palette (#ECDBD3, #64ABBB, #005C8F, #00402E, #141B41)
• Patina Blush Coast color palette (#EEF4FF, #E6C8FF, #FF6078, #007287, #373360)
• Softworn Hollow color palette (#FBF3EE, #C2E6D3, #608DC1, #0E7260, #5B3D50)
• Hazy Pier color palette (#FEF1FB, #7CEDFE, #02BAF5, #009B7C, #003362)

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