Hushed Terracotta color palette — #DFFDF4 · #0070B2 · #A20018 · #403A00 · #162B13

Garnet and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DFFDF4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#A20018): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#403A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#162B13): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Chalky Canyon color palette (#E1FEEA, #007E8C, #8C004D, #593400, #032810)
• Softworn Ultramarine color palette (#FFF0FC, #2555CB, #762E00, #353D00, #0F2718)
• Faded Indigo Quarry color palette (#FFF0FB, #5767FF, #A20B54, #503D00, #003A2F)
• Tempered Indigo Ridge color palette (#FFF0F8, #6D5EC1, #804B00, #1E4F28, #1D3028)
• Chalky Quarry color palette (#FFECF5, #765DD2, #8F1168, #493800, #000E13)
• Petrol Grove color palette (#FBF2FA, #EBD3D6, #D3B1BF, #466AA4, #463C46)
• Cornflower Ridge color palette (#FFF4E2, #5482FF, #793CAC, #5E3E00, #49293F)
• Byzantium Ridge color palette (#F1F5FF, #897AFD, #AC30A8, #745400, #002C31)

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