Tempered Coast color palette — #FBECFB · #72A7E8 · #07A86A · #1C64B4 · #00301B

A conversation between Kelly Green and Cobalt, giving this palette its sense of nature and growth.

The five colors

• Blush (#FBECFB): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#72A7E8): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#07A86A): A luminous, balanced teal — the color of sea glass.
• Cobalt (#1C64B4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#00301B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Worn Indigo color palette (#FCEDF4, #B4AAE4, #3EAFAF, #7364AC, #223723)
• Washed Cobalt Canyon color palette (#EFF6FF, #8DB8FF, #5CBA90, #5680C5, #1F4C39)
• Pale Moss color palette (#E8F6EB, #3FB5C8, #909500, #007280, #302700)
• Dusty Periwinkle color palette (#EFF6FF, #64A0F6, #A38718, #41669B, #4E4116)
• Dusty Peony Thicket color palette (#E2F8EE, #46B0DF, #BB6CB6, #006E93, #381A37)
• Quiet Raspberry Workshop color palette (#FFEBF7, #8081DE, #BF5291, #00788C, #2A1724)
• Washed Mallow Villa color palette (#FFEBF9, #E8CFD0, #DCC2FD, #5B78A9, #3E2C36)
• Amber Cabin color palette (#FFECF1, #B693CE, #CF7035, #7C4B9B, #3B2008)

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