Timeworn Lagoon color palette — #F8F0EC · #B3D1B4 · #008AA7 · #005E3E · #002339

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Pistachio (#B3D1B4): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#008AA7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E3E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002339): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Dusty Cobalt color palette (#F9F0EA, #A3D4BE, #407FBF, #005B5A, #31142B)
• Cobalt Terrace color palette (#F0E7E1, #86BCD4, #006EB8, #004B48, #0B1332)
• Lagoon Dune color palette (#E8DCD6, #28878F, #004256, #002016, #000104)
• Dusty Turquoise color palette (#EEF7F5, #D4DFEC, #00BBCD, #008075, #00353F)
• Olive Grove color palette (#EAE8D4, #8C9F39, #487A00, #00552B, #00271C)
• Washed Denim Field color palette (#FDECE4, #51ABBA, #006082, #003B2E, #000B1D)
• Pine Workshop color palette (#E6F3C9, #73C088, #007C44, #00411F, #001406)
• Antique Sky Workshop color palette (#F2F4E1, #C9E0B7, #5AC4E9, #6E702F, #20280C)

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