Timeworn Lagoon color palette — #EFF3EE · #D1D9D8 · #AFBFC2 · #2B857D · #272E26

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#EFF3EE): a clean, paper-quiet neutral.
• Silver (#D1D9D8): a clean, paper-quiet neutral.
• Ash (#AFBFC2): a calm mid-gray that lets other colors speak.
• Teal (#2B857D): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#272E26): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Lagoon Summit color palette (#F2F7F1, #D1DFDC, #ADC7C4, #1E8483, #424B41)
• Tempered Cypress color palette (#F8F1E5, #BBB493, #607F59, #0E625B, #2D270C)
• Petrol Parlor color palette (#EAF5F1, #E9D6D9, #D5B5C2, #0071AC, #0B2B23)
• Teal Coast color palette (#EFF7F9, #D5DAE1, #C8C0C9, #3FB1AF, #364245)
• Petrol Workshop color palette (#D8EADE, #00839B, #3D283F, #071A10, #030803)
• Aged Chestnut Bloom color palette (#DDEDD1, #A0BFAE, #9A7C94, #794D0A, #35322C)
• Aged Cocoa Pier color palette (#FFEEE1, #4EB09E, #2D729A, #6D3500, #0C2A13)
• Hushed Abyss Studio color palette (#ECF2EC, #95A49C, #8C718D, #003F40, #000601)

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