Timeworn Coast color palette — #FFF5D3 · #C7EAA8 · #5EBB80 · #008176 · #004750

Jade and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF5D3): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C7EAA8): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#5EBB80): A luminous, balanced teal — the color of sea glass.
• Teal (#008176): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004750): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Washed Clover Pier color palette (#E0E6AE, #72BC6A, #258C58, #006461, #1D495A)
• Airy Teal color palette (#F4FACD, #A6F1CC, #00BCB0, #008299, #00415E)
• Powdered Workshop color palette (#BCEEE3, #93D99B, #2DC88F, #2B9D7E, #1A4C55)
• Powdered Mint color palette (#D1F89F, #00D881, #009A83, #00575D, #00232F)
• Weathered Olive color palette (#FFF3E9, #F1D48E, #ABAD3E, #46842D, #184833)
• Ancient Teal Orchard color palette (#E8FDDA, #B0F2FE, #34BDAD, #006A61, #00231C)
• Gentle Lagoon Boulevard color palette (#F0F8EC, #89E9D6, #E4A1D9, #00A08C, #51264B)
• Washed Emerald color palette (#EAF3D3, #1F9A21, #006048, #003132, #000102)

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