Dusty Cocoa Loft color palette — #CFF0DA · #71A4BD · #577DA2 · #714B56 · #692C12

Built around Rust, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CFF0DA): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A4BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#577DA2): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#714B56): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#692C12): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty Cocoa Loft 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

• Worn Bloom color palette (#D1EDC8, #73B3B7, #1D7D96, #52547A, #5F3B4A)
• Hushed Cocoa color palette (#CEEFDF, #61B2C5, #7F657C, #723D08, #3D2007)
• Antique Courtyard color palette (#F4DAF3, #B995AD, #776A98, #6B4B45, #563500)
• Mulberry Study color palette (#DEE8FD, #989BE1, #795DA6, #822C4A, #5F2D2E)
• Wandering Meadow color palette (#D9F6EA, #CCB3CE, #A07C98, #7B575A, #713C09)
• Pale Harbor color palette (#D3ECF4, #3F8CB8, #2B599D, #482B4C, #41111A)
• Weathered Basalt Basin color palette (#EFE4C2, #9FD8C9, #87AE9E, #94845A, #504116)
• Olive Bloom color palette (#DAF6E9, #009BCA, #568A00, #005F7D, #263D0B)

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