Tempered Cocoa Lantern color palette — #E6FCEA · #62A1BF · #5365A7 · #852D00 · #2A3F53
A conversation between Rust and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#62A1BF): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5365A7): A full-bodied, balanced violet — the color of a velvet chair.
- Rust (#852D00): A full-bodied, balanced orange — the color of toasted spice.
- Navy (#2A3F53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, cool.
Use it as a design system
One click turns Tempered Cocoa Lantern 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
- Ancient Chestnut color palette (#ECF9EF, #91A8D4, #806D98, #765119, #3F475C)
- Aged Mulberry Garden color palette (#E6FCEA, #54A99C, #20748E, #802654, #19434F)
- Hushed Boulevard color palette (#E2F9E8, #48AEAE, #5365AE, #574400, #102531)
- Quiet Lantern color palette (#EDF7FF, #4F90B9, #7F4D86, #772F00, #294008)
- Linen Aqua Parlor color palette (#FFF4E2, #3FC7CD, #7480C6, #7B5F12, #2B4338)
- Timeworn Courtyard color palette (#DEFFE5, #867ED8, #8F3193, #524400, #3D295B)
- Ancient Summit color palette (#F1F7F2, #C8E0EF, #5492B9, #007073, #2E4969)
- Grape Terrace color palette (#C9F1D1, #007CE5, #6007C6, #542D00, #14235A)
Browse the whole catalog at Explore, or see today's palette.