Frosted Garnet color palette — #F4D7DA · #D2777D · #AF373A · #940F00 · #642D1D

A conversation between Garnet and Brick, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F4D7DA): A whisper-light, dusty red — the color of late-summer berries.
• Coral Clay (#D2777D): A luminous, balanced red — the color of a theater curtain.
• Brick (#AF373A): A full-bodied, balanced orange — the color of toasted spice.
• Garnet (#940F00): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#642D1D): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Frosted Garnet 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 Brick Basin color palette (#FDE5F0, #E1748C, #B71B2F, #6A2100, #341900)
• Ancient Ridge color palette (#FFE1F3, #EB84A5, #EB4241, #98400E, #4F2C0B)
• Muted Mulberry Boulevard color palette (#F5E4EF, #C276A2, #A7376F, #850046, #5E2535)
• Pale Studio color palette (#FFE6DC, #D0835A, #9D5300, #6A3B00, #3A3400)
• Coral Cabin color palette (#F0D9DD, #FF9AA6, #F36E71, #AF5F57, #56281A)
• Brick Corridor color palette (#FFE9E1, #C17673, #736AC5, #A40423, #322A68)
• Hushed Rust Quarry color palette (#FFF2EB, #F5C9AE, #D7AE78, #A85148, #46403B)
• Timeworn Grove color palette (#FFDCCD, #B45C53, #836A00, #823192, #471C19)

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