Sapphire Loft color palette — #F4F9DC · #2ABA3F · #2E66FE · #A3001B · #422B00

Built around Royal Blue, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Custard (#F4F9DC): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#2ABA3F): A luminous, vivid green — the color of a quiet forest floor.
• Royal Blue (#2E66FE): A full-bodied, vivid violet — the color of a velvet chair.
• Garnet (#A3001B): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#422B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Energy. Tagged 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

• Softworn Delta color palette (#F9F7DC, #80AD00, #007DC5, #9E004A, #492700)
• Indigo Garden color palette (#E0FBFF, #00CAB1, #656EE5, #911A3A, #242300)
• Tempered Indigo color palette (#EDF5E5, #00B081, #785BC1, #754100, #312C00)
• Tempered Dune color palette (#D5FAD6, #78D5D4, #4E99C3, #9C5934, #5E451B)
• Peony Station color palette (#EEF9EE, #22BBBC, #AB61A4, #676000, #3D3A00)
• Plum Meadow color palette (#D1F1DB, #009DB4, #B40091, #4E4A00, #082D00)
• Dusty Grape color palette (#D3E5CC, #008779, #7700AA, #452E00, #151200)
• Plum Veranda color palette (#E1FBFD, #29E1B6, #D75D91, #C53A5F, #571900)

Browse the whole catalog at Explore, or see today's palette.