Terracotta Coast color palette — #DDF2FF · #007D9A · #9B3D46 · #5D3D00 · #062A3B

Garnet and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007D9A): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#9B3D46): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#5D3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#062A3B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Terracotta 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

• Misty Cobalt color palette (#E3F0FF, #1B70C9, #9A4320, #4B4600, #17283A)
• Misty Garnet Thicket color palette (#DDF3F9, #00827C, #884870, #77260E, #032C34)
• Softworn Garnet Orchard color palette (#ECF7FF, #006EA4, #7D242C, #3E3000, #002428)
• Dusty Ridge color palette (#D8ECFE, #317AB4, #894981, #5F3A00, #001123)
• Powdered Cobalt Quarry color palette (#DAF7E0, #4D86D6, #624B91, #5C3600, #20304E)
• Garnet Villa color palette (#C5E5FC, #00597B, #810306, #372500, #000F19)
• Weathered Petrol Corridor color palette (#F0F6FC, #D9D7E3, #ADB2C8, #3E6790, #313C46)
• Airy Ultramarine color palette (#D9E5FF, #2147FF, #8B4000, #364300, #0C1B46)

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