Sapphire Garden color palette — #FFF2EB · #F37C25 · #0066E4 · #004DB1 · #1A0700

Built around Royal Blue, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Tangerine (#F37C25): A luminous, vivid gold — the color of old brass.
• Royal Blue (#0066E4): A full-bodied, vivid blue — the color of open sky before noon.
• Cobalt (#004DB1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Ink (#1A0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sapphire Garden 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

• Antique Rose color palette (#FFF2F0, #FF3E3F, #0082D8, #005794, #210001)
• Quiet Thicket color palette (#FFD8E6, #ED8E12, #00A8C4, #3F60F9, #311900)
• Faded Aubergine color palette (#FFF3E6, #D68400, #0074A0, #6A0069, #240024)
• Pale Lapis Market color palette (#FFF4DE, #D6B329, #7577CF, #5A56BE, #221A00)
• Sunlit Grove color palette (#FFF4DE, #A28800, #8561B6, #5E3190, #0A0700)
• Moss Boulevard color palette (#F7F7DE, #7CB047, #8380C8, #5A539E, #181600)
• Tempered Studio color palette (#FFF2EB, #E09B00, #038B48, #5B1691, #1B1900)
• Weathered Moss color palette (#E2FFDA, #3DAD00, #3E78E6, #0045C3, #021100)

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