Sapphire Loft color palette — #F2F4DD · #5AC83C · #2E6DED · #267E00 · #000D35
A conversation between Royal Blue and Clover, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F4DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#5AC83C): A luminous, vivid green — the color of fresh herbs.
- Royal Blue (#2E6DED): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#267E00): A full-bodied, vivid green — the color of a quiet forest floor.
- Midnight (#000D35): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Energy. Tagged duotone, vibrant.
Use it as a design system
One click turns Sapphire 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
- Dusty Lime color palette (#F6F3DE, #9BBA00, #007EC2, #5F7300, #001323)
- Indigo Ridge color palette (#E9F7E0, #00C7A5, #4866F0, #007B65, #070E2C)
- Chartreuse Station color palette (#E2FCF7, #50E728, #0084D1, #238004, #000205)
- Hushed Hollow color palette (#F0F8F0, #4EC9CC, #8072C4, #008285, #260F1C)
- Byzantium Pier color palette (#E8F7E4, #00C4B9, #9E29F2, #007972, #1A032D)
- Sunlit Mint Canyon color palette (#EEF5E7, #00E4AC, #00AEBF, #00A77D, #001518)
- Misty Mustard color palette (#FAF1DE, #C8A900, #008A7D, #7C6800, #001613)
- Gentle Garnet color palette (#FFDCCC, #00B386, #007A9B, #911200, #00302E)
Browse the whole catalog at Explore, or see today's palette.