Timeworn Lagoon color palette — #FBF2F7 · #C4E5FA · #79B8F0 · #00A199 · #2C385E

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#C4E5FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#79B8F0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A199): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2C385E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Sky Villa color palette (#EBF9F7, #D8DDE9, #58B1E0, #007C8E, #00314F)
• Powdered Lantern color palette (#F8EAF3, #A8DDEC, #16B7D5, #12955E, #00324B)
• Antique Teal Archive color palette (#FAF3F7, #D7D4E4, #B7BEE4, #73AFA7, #44536B)
• Softworn Amber Drift color palette (#CEE9FF, #5CB8F3, #E08E59, #A58C0A, #0E2E45)
• Cobalt Courtyard color palette (#F0E4E9, #63AACD, #1575CF, #005D5D, #05002C)
• Washed Periwinkle color palette (#EEE1E6, #89C9EF, #5592E9, #007C81, #18134E)
• Tempered Quarry color palette (#E0F1FF, #6CCAFF, #F19478, #009DDA, #5B200D)
• Hushed Pier color palette (#E9DCE5, #60C2C5, #0091B1, #00704C, #001626)

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