Misty Loft color palette — #FFF2ED · #B70909 · #004F3F · #003026 · #00000B
Built around Ruby, softened by Forest — the whole palette hums with calm and energy.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ruby (#B70909): A full-bodied, vivid orange — the color of toasted spice.
- Forest (#004F3F): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003026): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Calm, Energy, Balance. Tagged jewel, vibrant, cool.
Use it as a design system
One click turns Misty 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
- Chalky Studio color palette (#FFF2F0, #CE0064, #005941, #002A1D, #000201)
- Hushed Bronze color palette (#FFF2E9, #A44E00, #004962, #002C3C, #040002)
- Inked Chestnut color palette (#F7E2D1, #934800, #2A342E, #161300, #030100)
- Faded Grove color palette (#FAD7E8, #FF5E53, #9C4F00, #372900, #020300)
- Washed Amber color palette (#FFF3E6, #D37400, #007683, #004952, #05000E)
- Cocoa Terrace color palette (#FAE1E9, #6A3D00, #353500, #001A22, #110009)
- Rose Harbor color palette (#F5F1BE, #F81A6A, #6C5000, #002E4B, #0C0100)
- Cellar Aubergine Atelier color palette (#F0D8DF, #612587, #003633, #00212F, #01000B)
Browse the whole catalog at Explore, or see today's palette.