Worn Petrol Coast color palette — #FBEAE1 · #83C5C2 · #007487 · #004124 · #000306

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
• Mint Leaf (#83C5C2): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004124): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn Petrol Coast 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 Balcony color palette (#F6ECE2, #86BEE5, #3664B6, #003D42, #020012)
• Softworn Cobalt Ridge color palette (#FFF2EC, #8DDAE7, #0085B2, #005342, #000D20)
• Softworn Lagoon color palette (#ECEDDC, #4A9997, #005459, #002C25, #000507)
• Weathered Study color palette (#D2E8E3, #6BC1BE, #00959C, #006E5F, #00181C)
• Pale Wisteria color palette (#FFE8FE, #CDB9FF, #D484C1, #006075, #030016)
• Pine Courtyard color palette (#FEF2ED, #BDEAF2, #68B2CA, #26815E, #0D314A)
• Navy Balcony color palette (#DFF1F6, #0089B8, #00518B, #0F0087, #010008)
• Pale Ultramarine Dune color palette (#D9E6FF, #2352EA, #745100, #524000, #00000C)

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