Timeworn Lagoon color palette — #DEE2D4 · #009887 · #456B8E · #653230 · #2E0507

Fern and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#DEE2D4): a clean, paper-quiet neutral.
• Fern (#009887): A luminous, balanced teal — the color of glacier melt.
• Slate (#456B8E): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#653230): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#2E0507): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Cerulean Terrace color palette (#DBF7E5, #0094AE, #616197, #613D29, #1D0414)
• Emerald Harbor color palette (#EBDEC8, #5C965F, #297789, #533D5D, #1D0A25)
• Patina Canyon color palette (#DBECE4, #008F8B, #005D78, #451B3B, #2F0005)
• Emerald Terrace color palette (#C9EADA, #3E9F53, #007266, #4A4B18, #000807)
• Aged Delta color palette (#D9EAEC, #007D8A, #A54400, #6A4700, #000203)
• Muted Lagoon color palette (#E2F5E8, #008E7D, #00666A, #004157, #000B21)
• Pale Canyon color palette (#DDEFF2, #008E9E, #CB291C, #00606B, #140000)
• Timeworn Violet color palette (#CFF3EF, #599ECC, #9062AB, #605325, #221A00)

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