Tempered Coast color palette — #FBECE4 · #6CC1BC · #0093A8 · #00723C · #001623

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBECE4): bright and airy, almost weightless.
• Mint Leaf (#6CC1BC): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0093A8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00723C): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Powdered Field color palette (#F1E1DA, #8ECCD5, #009FD2, #008065, #00203F)
• Patina Cypress Hollow color palette (#E6F3F0, #5DB2AF, #00757A, #004B40, #00181B)
• Timeworn Pier color palette (#F2E3D9, #69ABC3, #007AC1, #005E58, #01032A)
• Wandering Lagoon color palette (#DEEFE1, #369B97, #00545C, #002D1F, #000508)
• Dusty Turquoise Dune color palette (#DDEFD3, #79CAB5, #00B9E0, #887700, #001B06)
• Sunlit Coast color palette (#FFF2EC, #8BECF4, #00BCEB, #009C72, #003559)
• Quiet Balcony color palette (#F6EDE3, #B3D8F9, #7EA0FB, #008E9F, #2D284B)
• Feathered Harbor color palette (#D0EBD6, #00BB65, #00892C, #005226, #000300)

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