Softworn Petrol Lagoon color palette — #F5F7E5 · #76C5D8 · #007A97 · #005559 · #00384D

Teal and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#76C5D8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00384D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Cobalt color palette (#FFEEE5, #79C9DC, #007AAD, #005347, #00173F)
• Cobalt Quarry color palette (#F3F7EB, #93BDDF, #006FC5, #00526D, #052F6D)
• Dusty Denim color palette (#E3E5DC, #68A9BF, #00607F, #003D44, #002235)
• Misty Sky color palette (#E8FAF7, #92E9FF, #00BCEB, #00969F, #00384E)
• Weathered Azure color palette (#FFF0FA, #67DDF7, #0097D4, #007463, #0F3162)
• Worn Petrol Archive color palette (#F5F6EF, #CBE2E1, #75A592, #007D8E, #2B5348)
• Powdered Pine color palette (#EAFBDC, #8CDED2, #00B9C1, #007945, #00473E)
• Ancient Chapel color palette (#BCFFEB, #00B690, #006854, #00352A, #001E15)

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