Gentle Sapphire color palette — #B9F3E1 · #009D81 · #1370ED · #6C5500 · #00261E

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

The five colors

• Sea Foam (#B9F3E1): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009D81): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#1370ED): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Coffee (#6C5500): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#00261E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged vibrant, cool.

Use it as a design system

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

• Powdered Ultramarine color palette (#E0F9D9, #008D81, #1151E0, #544C00, #002008)
• Antique Dune color palette (#CBEFD6, #0097AA, #8549EF, #446400, #00242A)
• Emerald Parlor color palette (#CBF0CC, #00A22E, #0083AC, #824700, #032707)
• Weathered Iris Lagoon color palette (#DEFFE5, #00A9B8, #8B7EE5, #4C6900, #10341C)
• Tempered Harbor color palette (#D4F0E4, #0077A9, #873A96, #00502B, #000F1A)
• Wandering Summit color palette (#E5F9E2, #00C4BE, #0085A3, #007975, #00170C)
• Cerulean Courtyard color palette (#ECF9EF, #CDE5D6, #94C6DE, #008795, #24382A)
• Periwinkle Hollow color palette (#FFF0FE, #609EFD, #BE739F, #3B7D6B, #3B2D3B)

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