Gentle Cobalt color palette — #FFF0F8 · #FF8D6C · #00A898 · #3E72CC · #37132E

Sapphire and Salmon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Salmon (#FF8D6C): A luminous, balanced orange — the color of toasted spice.
• Turquoise (#00A898): A luminous, balanced teal — the color of sea glass.
• Sapphire (#3E72CC): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#37132E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Sapphire Balcony color palette (#FFF1F5, #F8A123, #00B481, #3671D3, #5C0033)
• Tempered Lagoon color palette (#FAE1EE, #E97900, #009A95, #475BB2, #260517)
• Frosted Corridor color palette (#EAFBEA, #E09D0D, #00A9C5, #7A63CC, #3A0D16)
• Frosted Clover color palette (#FEF0FF, #FF7296, #40B447, #0089A7, #2A1635)
• Hushed Moss color palette (#FFF4DE, #FFAB5B, #B09F00, #0085B4, #493000)
• Amber Quarry color palette (#FFF3E3, #C38900, #827F00, #005389, #240B00)
• Powdered Byzantium Parlor color palette (#D1FEE7, #A3A800, #0093E2, #A005BD, #280C00)
• Worn Thicket color palette (#ECF9F3, #B1C278, #7AA3D9, #AC7CA8, #453039)

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