Café Crème color palette — #F5EFE6 · #DCC7AA · #A98467 · #6F4E37 · #2F2118

Caramel and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5EFE6): bright and airy, almost weightless.
• Oat (#DCC7AA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A98467): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#6F4E37): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#2F2118): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged iconic, muted.

Use it as a design system

One click turns Café Crème 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

• Dusty Chestnut color palette (#F6EBE2, #D0C2B0, #B3A288, #8B5000, #271D14)
• Bronze Harbor color palette (#EDE6D6, #A4A358, #817200, #5F4A00, #2A2408)
• Amber Workshop color palette (#F5E4D5, #C08500, #653900, #2A1400, #050200)
• Ancient Bronze Workshop color palette (#F6E9D4, #B07000, #6B5600, #00432E, #201300)
• Timeworn Bloom color palette (#F8E1D7, #D16700, #9A5300, #5B3400, #311D00)
• Amber Chapel color palette (#FFE2CF, #CC872B, #796A3E, #3F4D00, #3F1B37)
• Marigold Quarry color palette (#FFE9D9, #FFC487, #D4AA57, #A0634E, #3C3731)
• Misty Meadow color palette (#EEE0D1, #BB7400, #4E8E00, #A54163, #2F1A00)

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