Tempered Coast color palette — #FCF4E7 · #DAD5E0 · #7BA7EC · #007B95 · #252B4E

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Cornflower (#7BA7EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007B95): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#252B4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Azure Lantern color palette (#FCF4E7, #D7E5F9, #0EA2F5, #007179, #002153)
• Ancient Turquoise Cabin color palette (#FBF4EA, #D5D8E8, #5BB2DA, #187E7B, #01372D)
• Antique Powder color palette (#FDF3EA, #C0EBDD, #90B0F5, #169DAC, #38355C)
• Antique Cabin color palette (#F6EDDE, #4CC8E7, #007098, #003E3C, #000308)
• Antique Cobalt color palette (#EBF8F8, #B1C8DD, #427BBA, #005B7A, #253A5F)
• Muted Workshop color palette (#FFF1F4, #E8D6D8, #C3B4A3, #958FBE, #47292D)
• Dusty Teal color palette (#F4ECDE, #13B9B2, #006069, #002D1E, #000102)
• Wisteria Studio color palette (#FFF1F4, #D17CF5, #C88700, #009091, #2D101A)

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