Tempered Coast color palette — #F1F7F2 · #D3E1F0 · #92D3E2 · #66B39E · #37576B

Jade and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D3E1F0): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#92D3E2): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#66B39E): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#37576B): A full-bodied, dusty blue — the color of open sky before noon.

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

• Dusty Powder Alley color palette (#FBF3F1, #C4DEE3, #A7C6F5, #749E7D, #584758)
• Hushed Mint Meadow color palette (#F0F5FF, #B4C6F7, #F6A698, #73C485, #364359)
• Dusty Cerulean color palette (#E2EFE4, #7FBBCA, #008FBF, #006D6A, #001528)
• Gentle Parlor color palette (#EEF9F0, #BBEEFF, #61C2F9, #00A5A7, #024175)
• Antique Turquoise Boulevard color palette (#F6F1EA, #C1EAE0, #64A8B7, #437768, #223C31)
• Timeworn Iris color palette (#DEF1FF, #ABDAFF, #8CB8F7, #708CD2, #434D6A)
• Ancient Orchard color palette (#F0F6FE, #BFD5FF, #E2C289, #79A6FF, #38553D)
• Taupe Alley color palette (#FDF1F7, #F0CFDA, #D1A8BD, #BB8275, #3D4C3F)

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