Scarlet Loft color palette — #FFF2EC · #F1280B · #736C00 · #00460F · #000A09
A conversation between Scarlet and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Scarlet (#F1280B): A luminous, vivid orange — the color of sun-warmed clay.
- Olive (#736C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00460F): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000A09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Scarlet 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
- Wandering Rose color palette (#FFF2EF, #FC1978, #825A00, #364600, #000A05)
- Amber Pier color palette (#FFF2E9, #D66B00, #4A6800, #00533D, #000507)
- Patina Harbor color palette (#FFF2ED, #FF5758, #925E00, #384600, #250022)
- Weathered Scarlet Quarry color palette (#FFF3E9, #FF769D, #D6041C, #524600, #34020E)
- Cerulean Harbor color palette (#E3FDE8, #0097A4, #806000, #344B00, #000603)
- Misty Loft color palette (#FFF3E7, #E78C00, #1F8B11, #005951, #001620)
- Weathered Bronze Orchard color palette (#FFF0F9, #A37E00, #006F4B, #003E45, #00030B)
- Ancient Bloom color palette (#FFF2ED, #AA1700, #5A3800, #2F3000, #13103A)
Browse the whole catalog at Explore, or see today's palette.