Sunlit Petrol color palette — #E0FDF3 · #F5A384 · #006FAB · #003E63 · #002119

Peacock and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E0FDF3): A whisper-light, dusty teal — the color of glacier melt.
• Melon (#F5A384): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#006FAB): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003E63): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#002119): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, 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

• Denim Harbor color palette (#F4EBF4, #D2AD82, #3963A3, #133465, #1E101E)
• Blush Grove color palette (#EAFAEC, #FA9BA9, #00787E, #004447, #06210C)
• Wandering Chapel color palette (#EFF6FF, #FFC9C6, #2E65CA, #192D51, #010718)
• Muted Meadow color palette (#E0FDF1, #FFC531, #009AD1, #286380, #002116)
• Ancient Marigold color palette (#ECF7FF, #C69A34, #004F6D, #002A3D, #0C1127)
• Washed Driftwood color palette (#FBF2F6, #CED6AE, #7E76A2, #624252, #35262E)
• Antique Lantern color palette (#FBF2FA, #E6D5D4, #D2B9AE, #5483DD, #493A48)
• Frosted Grape Garden color palette (#F5DDE9, #8CBC60, #5A41B4, #31007C, #200315)

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