Tempered Coast color palette — #E8DFE5 · #7AA3B8 · #005C95 · #003B2C · #050031

Peacock and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#E8DFE5): bright and airy, almost weightless.
• Blue Fog (#7AA3B8): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#005C95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003B2C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#050031): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Aged Denim Corridor color palette (#E8F3EA, #56ACC3, #005F83, #003E3D, #00213C)
• Navy Meadow color palette (#F5E5EB, #5890B9, #2B3E98, #002C2B, #070016)
• Dusty Sapphire color palette (#EFE6EA, #8DBAD6, #3F67BA, #004C47, #19073A)
• Quiet Forest Veranda color palette (#F9EDFC, #74CDCC, #007E9D, #00561B, #001A37)
• Hushed Coast color palette (#E5DBE2, #49828F, #003F63, #002015, #00000C)
• Wandering Cerulean Terrace color palette (#F8EFF3, #C3E1F4, #698FC3, #006E60, #29264B)
• Weathered Iris color palette (#CFF5F4, #65BBC7, #7589D4, #4F5200, #00110D)
• Dusty Mulberry Loft color palette (#DAF5F4, #00804B, #9D006A, #004224, #16000B)

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