Sapphire Field color palette — #F0E6C8 · #00ABBD · #496ED5 · #665400 · #001924

Built around Sapphire, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E6C8): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#00ABBD): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#496ED5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#665400): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro.

Use it as a design system

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

• Teal Bloom color palette (#EFDAC2, #00B195, #0080B2, #7C4600, #001B1C)
• Lapis Summit color palette (#EAEAD5, #0096C1, #624DCF, #484C00, #000C1B)
• Wandering Iris color palette (#CEE9E6, #82AA96, #7C80C4, #785800, #083100)
• Hazy Brick color palette (#D4F2E6, #20A6E6, #B8293D, #754300, #021700)
• Muted Hollow color palette (#E2E2C4, #4E9AF2, #A453CF, #175E03, #0E0B40)
• Linen Lilac color palette (#CEF0C7, #4CBBFF, #A674FF, #527000, #08255A)
• Azure Archive color palette (#F6E7DE, #88CBE4, #3498E4, #007E76, #091455)
• Misty Lantern color palette (#E0E0C8, #4174DA, #822C94, #00481A, #030016)

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