Sapphire Terrace color palette — #FFF1F7 · #9BD4F8 · #4270E8 · #00524E · #100327

A conversation between Sapphire and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#9BD4F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sapphire (#4270E8): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#100327): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Cobalt Workshop color palette (#FCF2F9, #8ADBE7, #0084BA, #005436, #010432)
• Aqua Archive color palette (#F5EAF4, #54CBCF, #007293, #00411B, #00020A)
• Gentle Grove color palette (#E6DDD0, #83C9F5, #4495EA, #007A8C, #0D1B46)
• Worn Cabin color palette (#D7ECEA, #6AA4C8, #005C94, #003747, #000A1D)
• Azure Lantern color palette (#FFF0FC, #D2DAF5, #00A4EE, #007651, #111F51)
• Powdered Parlor color palette (#D6F4FB, #00A89F, #D51686, #005A55, #160009)
• Softworn Periwinkle color palette (#FCF2F6, #D8D4DF, #90A9FF, #008788, #3A2C53)
• Washed Emerald Corridor color palette (#E4F3D5, #00A95E, #006D55, #003E3E, #00141D)

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