Sapphire Cabin color palette — #D7E3C6 · #009667 · #0062DB · #00573A · #02265A

Royal Blue and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D7E3C6): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009667): A full-bodied, balanced teal — the color of sea glass.
• Royal Blue (#0062DB): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Olive (#00573A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#02265A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

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

• Amethyst Balcony color palette (#CFE5D3, #009099, #813ECC, #005359, #321752)
• Frosted Garden color palette (#DFF2D3, #007D68, #006497, #515000, #00261E)
• Worn Aubergine color palette (#D6E5D8, #006C74, #6100AF, #003438, #170030)
• Antique Emerald Meadow color palette (#DDFEF1, #009FDE, #3B9600, #00648D, #184700)
• Iris Drift color palette (#EEF9EB, #43B4AA, #837DD3, #00756E, #58354B)
• Chalky Olive color palette (#D2EDD7, #0096A3, #787400, #005962, #323000)
• Mulberry Alley color palette (#E9EFDA, #26A862, #902391, #00552C, #230024)
• Byzantium Archive color palette (#B8E9E8, #2EC77D, #A842B8, #007745, #3E1344)

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