Tempered Cocoa Station color palette — #F8F5EC · #C1E2CC · #898A54 · #554500 · #1E1B10
Built around Deep Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Celadon Mist (#C1E2CC): A whisper-light, dusty teal — the color of sea glass.
- Moss (#898A54): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#1E1B10): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered Cocoa Station 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
- Lagoon Boulevard color palette (#F2F7ED, #E0EDB6, #008B6C, #284100, #0D1108)
- Dusty Pewter Summit color palette (#ECF4F0, #AACEB1, #61653A, #14392C, #0B1712)
- Antique Lantern color palette (#F7F5EC, #FBD8A5, #9BA476, #7B6D22, #2D2C23)
- Moss Orchard color palette (#EAF2DA, #A3AB18, #00482B, #1D292C, #000B04)
- Antique Mustard Lantern color palette (#F8F6E8, #BBCD7B, #69BEC3, #AC715D, #33322B)
- Teal Hollow color palette (#F5F6EE, #B2E9EE, #44C5B7, #73AA6C, #192117)
- Velvet Bronze Atelier color palette (#E4E2D2, #8E7900, #191E00, #090C06, #010100)
- Dusty Teal color palette (#F8F6E3, #ACEED0, #5AB4AB, #5D7496, #394331)
Browse the whole catalog at Explore, or see today's palette.