Petrol Orchard color palette — #FCE9E4 · #7CC6C6 · #007290 · #004116 · #000209

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FCE9E4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#7CC6C6): A luminous, dusty teal — the color of glacier melt.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004116): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Orchard 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 Ultramarine color palette (#F9EBE3, #93C3AD, #1663C5, #003F37, #030011)
• Antique Cobalt color palette (#FEF2ED, #98D8E5, #0082C0, #00543A, #030038)
• Lagoon Villa color palette (#F6EAF7, #37A1A0, #005267, #00330B, #00142B)
• Tempered Pier color palette (#D7E4D9, #6BC1BF, #0094A5, #007055, #001720)
• Timeworn Sapphire color palette (#FEEDD4, #A17600, #0067BD, #4E3700, #000104)
• Antique Iris color palette (#FAF4EE, #DADEFB, #7C86EC, #00696E, #28113C)
• Dusty Courtyard color palette (#E8E3CB, #BF9500, #695100, #191300, #020100)
• Ember Orchard color palette (#FFE2E1, #CE5D00, #6C4500, #352800, #030400)

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