Worn Petrol Lagoon color palette — #F5ECDD · #81AD96 · #006E9F · #004A4C · #00142D

A conversation between Peacock and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#81AD96): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Worn Petrol Lagoon 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

• Timeworn Balcony color palette (#F6ECDC, #7BA7C8, #0663C5, #004856, #070544)
• Softworn Denim color palette (#E5DED3, #7C9C7D, #006471, #003D2E, #000B11)
• Petrol Courtyard color palette (#E3F3E6, #6FC4E2, #006FA0, #003D3F, #000209)
• Pale Iris color palette (#DBF0E6, #8BADE1, #907CDD, #006878, #00172A)
• Soft Denim color palette (#EADDD5, #439CB8, #004B85, #003127, #0E073D)
• Hushed Cerulean color palette (#F5EDE1, #ABCEB9, #0092C6, #006C6A, #003054)
• Cornflower Field color palette (#EFD9E5, #4EC0E3, #1286E1, #006F5A, #0E0A38)
• Azure Harbor color palette (#DAEDFE, #0096D7, #005888, #00273C, #000204)

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