Faded Petrol color palette — #DFFDF4 · #83C19F · #34998A · #2B65A4 · #0C4649

A conversation between Peacock and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#DFFDF4): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#83C19F): A luminous, balanced teal — the color of glacier melt.
• Fern (#34998A): A luminous, balanced teal — the color of glacier melt.
• Peacock (#2B65A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#0C4649): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, cool.

Use it as a design system

One click turns Faded 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

• Cerulean Delta color palette (#E6FAF7, #88CCC9, #529FB0, #6A689A, #324C55)
• Antique Emerald Study color palette (#E6FBF0, #B1B870, #68954E, #00717C, #21453B)
• Worn Lantern color palette (#F9F6E0, #87E4A3, #48A58E, #426787, #30332C)
• Weathered Lagoon color palette (#EEF8F5, #C8E0F8, #5CB4BE, #008E80, #09515D)
• Antique Balcony color palette (#FFF0F8, #7CA65F, #007A77, #713855, #244343)
• Muted Nightshade color palette (#D2EFC5, #00B09C, #007E86, #351DCD, #00302E)
• Lagoon Orchard color palette (#EEF8F5, #A2CFC7, #6F9C77, #657A4D, #224B45)
• Muted Lantern color palette (#D5E9EA, #0AA87F, #2B545B, #0E3436, #101B1A)

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