Tempered Coast color palette — #D2EAEA · #00865B · #1A373D · #102323 · #060E10

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

The five colors

• Frost (#D2EAEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00865B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#1A373D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#102323): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#060E10): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Patina Lagoon color palette (#E3F6FB, #008F8F, #2D3F49, #1E2B2F, #10161A)
• Twilit Cypress Thicket color palette (#D2E7EB, #00695F, #002429, #00110E, #000204)
• Antique Mint Lagoon color palette (#E0E8D5, #58C195, #64765A, #3D520E, #171A10)
• Orchid Alley color palette (#E7F9FF, #009BA6, #9E5FA4, #836319, #223C45)
• Midnight Navy Drift color palette (#CDE2F9, #00477D, #241C23, #080730, #00030A)
• Timeworn Pine Studio color palette (#EBF9F3, #9ABB8B, #4A815D, #416256, #2C4944)
• Airy Atelier color palette (#BDF1D6, #00BD9C, #008B89, #005F65, #1F485A)
• Teal Ridge color palette (#E6F9FF, #00B6B9, #C26D74, #007476, #613337)

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